<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <base th:href="@{/}">
    <title>国电煤炭交易平台</title>

    <!-- Favicon -->
    <link rel="shortcut icon" href="assets/media/image/favicon.png"/>

    <!-- Plugin styles -->
    <link rel="stylesheet" href="vendors/bundle.css" type="text/css">

    <!-- App styles -->
    <link rel="stylesheet" href="assets/css/app.css" type="text/css">
</head>
<body class="form-membership">

<!-- begin::preloader-->
<div class="preloader">
    <div class="preloader-icon"></div>
</div>
<!-- end::preloader -->

<div class="form-wrapper">

    <!-- logo -->
    <div id="logo" style="position: relative">
        <!--<img class="logo" src="assets/media/image/logo.png" alt="image">
        <img class="logo-dark" src="assets/media/image/logo-dark.png" alt="image">-->
        <img class="mlogo" style="margin: 10px" src="image/logo.png" alt="logo">
        <span style="font-size: 25px">国电煤炭交易平台</span>
        <div style="position: absolute; bottom:-4px; right: 20px; color: rgba(150,150,150,0.5)">
            分公司平台
        </div>
    </div>
    <!-- ./ logo -->
    <div th:if="${loginerror} ne null" class="alert alert-warning" role="alert">[[${loginerror}]]</div>
    <h4>账号登录</h4>

    <br>
    <!-- form -->
    <form  action="/user/dologin" method="post">
        <div class="form-group">
            <input type="text" name="username" class="form-control" placeholder="请输入用户名" required autofocus>
        </div>
        <div class="form-group">
            <input type="password" name="pwd" class="form-control" placeholder="请输入密码" required>
        </div>
        <div class="form-group d-flex justify-content-between">
            <div class="custom-control custom-checkbox">
                <input type="checkbox" class="custom-control-input" checked="" id="customCheck1">
                <label class="custom-control-label" for="customCheck1">记住密码</label>
            </div>
            <a href="recover-password.html">忘记密码</a>
        </div>
        <button type="submit" class="btn btn-primary btn-block" style="background: #71a4ff;border: 1px solid #71a4ff">登录</button>
        <!--        <p class="text-muted">Login with your social media account.</p>-->
    </form>
    <!-- ./ form -->

</div>

<!-- Plugin scripts -->
<script src="vendors/bundle.js"></script>

<!-- App scripts -->
<script src="assets/js/app.js"></script>
</body>
</html>